<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>商城</title>
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  </head>
  <body>
    <header>
      <div class="in">
        <ul class="left fl">
          <li><a href="#">欢太品牌</a></li>
          <li><a href="#">欢太云服务</a></li>
          <li><a href="#">软件商店</a></li>
          <li><a href="#">健康</a></li>
        </ul>
        <ul class="right fr">
          <li><a href="#">下载欢太商城APP</a></li>
          <li>
            <a href="#" onclick="goLogin()">
              <span class="iconfont icon-yonghu-xianxing"></span>
              <span class="user"></span>
            </a>
          </li>
          <li><a href="#" class="exit" onclick="exitLogin()"></a></li>
          <li>
            <a href="#" onclick="toshopcar()">
              <span class="iconfont icon-31gouwuche"></span>
              <span class="shopcar">购物车</span>
            </a>
          </li>
        </ul>
      </div>
    </header>
    <nav>
      <div class="in">
        <img
          src="	https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/2bdb956.png?x-oss-process=image/format,webp"
          alt=""
          onclick="toindex()"
        />
        <ul>
          <li><a href="#toOPPO">OPPO专区</a></li>
          <li><a href="#toOnePlue">OnePlue专区</a></li>
          <li><a href="#">realme专区</a></li>
          <li><a href="#">智能硬件</a></li>
          <li><a href="#">潮流好物</a></li>
          <li><a href="#">服务</a></li>
        </ul>
        <div class="sousuo flex">
          <input type="text" name="" id="" placeholder="OPPO K9 Pro" />
          <span class="iconfont icon-sousuo"></span>
        </div>
      </div>
    </nav>
    <div class="banner">
      <!-- 轮播图 -->
      <article class="swiper-container">
        <div class="swiper-wrapper">
          <img
            src="https://dsfs.oppo.com/archives/202110/2021100302103661589e8091109.jpg?_w_=5120&_h_=1192"
            alt=""
            class="swiper-slide"
          />
          <img
            src="https://dsfs.oppo.com/archives/202109/202109280709236152f7e3b7f43.jpg?_w_=5120&_h_=1192"
            alt=""
            class="swiper-slide"
          />
          <img
            src="https://dsfs.oppo.com/archives/202109/202109270709416151af2191934.jpg?_w_=5120&_h_=1192"
            alt=""
            class="swiper-slide"
          />
          <img
            src="https://dsfs.oppo.com/archives/202109/20210910090945613ab97de7f8b.jpg?_w_=5120&_h_=1192"
            alt=""
            class="swiper-slide"
          />
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
      </article>
      <aside>
        <ul class="menu">
          <li>
            <a href="#"
              >热门推荐
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >OPPO
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >OnePlue
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >realme
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >耳机影音
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >原装配件
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >智能穿戴
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >智能电视
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >日用百货
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >数码周边
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >家用电器
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >个护健康
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >家纺餐厨
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
          <li>
            <a href="#"
              >母婴亲子
              <span class="iconfont icon-xiangyoujiantou fr"></span>
            </a>
          </li>
        </ul>
        <ul class="content">
          <li><img src="./images/menu1.png" alt="" /></li>
          <li><img src="./images/menu2.png" alt="" /></li>
          <li><img src="./images/menu3.png" alt="" /></li>
          <li><img src="./images/menu4.png" alt="" /></li>
          <li><img src="./images/menu5.png" alt="" /></li>
          <li><img src="./images/menu6.png" alt="" /></li>
          <li><img src="./images/menu7.png" alt="" /></li>
          <li><img src="./images/menu8.png" alt="" /></li>
          <li><img src="./images/menu9.png" alt="" /></li>
          <li><img src="./images/menu10.png" alt="" /></li>
          <li><img src="./images/menu11.png" alt="" /></li>
          <li><img src="./images/menu12.png" alt="" /></li>
          <li><img src="./images/menu13.png" alt="" /></li>
          <li><img src="./images/menu14.png" alt="" /></li>
        </ul>
      </aside>
    </div>
    <main>
      <div class="in">
        <div class="user-nav">
          <a
            class="left"
            href="https://www.heytap.com/cn/web/products/3459.html"
            target="_black"
          >
          </a>
          <div class="cent">
            <a href="https://www.heytap.com/cn/web/coupons" target="_black"
              >领券中心</a
            >
            <a
              href="https://danghuan.heytap.com/static/index.html#/?channelId=1029710"
              target="_black"
              >以旧换新</a
            >
            <a
              href="https://hd.oppo.com/act/2021/jiabao/index.html"
              target="_black"
              >价保政策</a
            >
            <a
              href="https://hd.oppo.com/act/2021/huantaiqiyegou2021/index.html"
              target="_black"
              >企业购</a
            >
          </div>
          <div class="right flex">
            <span
              class="iconfont icon-weidenglutouxiang"
              onclick="touploadshop()"
            ></span>
            <span>
              <p>
                <a href="#" class="user" onclick="goLogin()"></a>
                <a href="#" class="exit" onclick="exitLogin()"></a>
              </p>
              <p id="reg-tips"></p>
            </span>
          </div>
        </div>
        <div class="top-goods">
          <a
            href="https://www.heytap.com/cn/web/products/20193.html"
            target="_black"
          ></a>
          <a
            href="https://www.heytap.com/cn/web/products/3910.html"
            target="_black"
          ></a>
          <a
            href="https://www.heytap.com/cn/web/products/21156.html"
            target="_black"
          ></a>
          <a
            href="https://www.heytap.com/cn/web/products/20417.html"
            target="_black"
          ></a>
        </div>
        <div class="hot-goods">
          <h3>
            <span>限时<strong>秒杀</strong></span>
            <span
              >查看更多
              <span class="iconfont icon-xiangyoujiantou"></span>
            </span>
          </h3>
          <ul class="hot-goods-list">
            <li class="time">
              <div id="time1">
                <span>
                  <p>10:00</p>
                  <p>已结束</p>
                </span>
                <span>本场抢购已结束</span>
              </div>
              <div id="time2">
                <span>
                  <p>14:00</p>
                  <p>抢购中</p>
                </span>
                <span><a></a>: <a></a>: <a></a> </span>
              </div>
              <div id="time3">
                <span>
                  <p>18:00</p>
                  <p>
                    即将开始
                    <span class="start"
                      ><a>01</a>: <a>03</a>: <a>55</a>后开始</span
                    >
                  </p>
                </span>
              </div>
              <div id="time4">
                <span>
                  <p>22:00</p>
                  <p>
                    即将开始
                    <span class="start"
                      ><a>01</a>: <a>03</a>: <a>55</a>后开始</span
                    >
                  </p>
                </span>
              </div>
            </li>
            <li class="hover-shadow">
              <a
                href="https://www.heytap.com/cn/web/products/21297.html?secKillRoundId=397"
                class="exam flex"
              >
                <img
                  src="https://dsfs.oppo.com/archives/202109/202109140409226140628a3c012.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                  alt=""
                />
                <p>OnePlue 9R</p>
                <p>
                  <span>￥2199</span>
                  <span>￥2999</span>
                  <button>抢购中</button>
                </p>
              </a>
            </li>
            <li class="hover-shadow">
              <a
                href="https://www.heytap.com/cn/web/products/4253.html?secKillRoundId=397"
                class="flex exam"
              >
                <img
                  src="https://dsfs.oppo.com/archives/202104/20210428090452608961e8a3f62.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                  alt=""
                />
                <p>OPPO Air 灵动版</p>
                <p>
                  <span>￥99</span>
                  <span>￥199</span>
                  <button>抢购中</button>
                </p>
              </a>
            </li>
            <li class="hover-shadow">
              <a
                href="https://www.heytap.com/cn/web/products/20234.html?secKillRoundId=397"
                class="flex exam"
              >
                <img
                  src="https://dsfs.oppo.com/archives/202107/2021070211072260de8bd26fcd8.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                  alt=""
                />
                <p>绿联手机防水袋</p>
                <p>
                  <span>￥19</span>
                  <span>￥23.8</span>
                  <button>抢购中</button>
                </p>
              </a>
            </li>
            <li class="hover-shadow">
              <a
                href="https://www.heytap.com/cn/web/products/20591.html?secKillRoundId=397"
                class="flex exam"
              >
                <img
                  src="https://dsfs.oppo.com/archives/202107/2021072308074460fab1887cfe1.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                  alt=""
                />
                <p>WEVA未定义次元</p>
                <p>
                  <span>￥99</span>
                  <span>￥139</span>
                  <button>抢购中</button>
                </p>
              </a>
            </li>
          </ul>
        </div>
        <div class="you-goods">
          <h3>热门商品</h3>
          <div class="you-goods-list"></div>
          <div>
            <a
              href="https://www.heytap.com/cn/web/category/010505?code=010505&title=%E7%A9%BF%E6%88%B4&tab=1701"
            ></a>
            <a
              href="https://www.heytap.com/cn/web/category/010505?code=010505&title=穿戴&tab=1707"
            ></a>
          </div>
        </div>
        <div class="oppo-goods oppo">
          <h3>OPPO专区</h3>
          <ul>
            <li><a href="#">Reno系列</a></li>
            <li><a href="#">Find系列</a></li>
            <li><a href="#">K系列</a></li>
            <li><a href="#">A系列</a></li>
            <li><a href="#">智能耳机</a></li>
            <li><a href="#">运动穿戴</a></li>
            <li><a href="#">智能电视</a></li>
            <li><a href="#">手机配件</a></li>
          </ul>
          <div class="oppo-centent oppo-c" id="toOPPO">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202107/2021072706070260ffe6ba1b998.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021052009052560a5be4563839.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 夏日嗨享</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2699</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908052060a4fe4c66275.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro 星河如梦</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3199</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908050260a5036267142.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro+ 月海</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3599</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202108/20210816030859611a1a4bf01c4.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202109/20210913080945613f48adc4391.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 Pro</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥1599</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202103/2021030810032060458534d03c1.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 镜黑</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2999</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/202104270504146087d83e70ea8.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 宇宙摩卡</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥4299</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202109/2021092603092461502244beac7.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202109/20210913080945613f48adc4391.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 Pro</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥1599</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202103/2021030810032060458534d03c1.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 镜黑</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2999</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/202104270504146087d83e70ea8.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 宇宙摩卡</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥4299</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202107/2021072706070960ffe60d5b2b4.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021052009052560a5be4563839.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 夏日嗨享</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2699</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908052060a4fe4c66275.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro 星河如梦</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3199</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908050260a5036267142.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro+ 月海</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3599</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202106/2021063010061560dbda0736ea6.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202109/20210913080945613f48adc4391.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 Pro</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥1599</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202103/2021030810032060458534d03c1.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 镜黑</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2999</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/202104270504146087d83e70ea8.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 宇宙摩卡</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥4299</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202109/20210914080911614094a7d02b6.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021052009052560a5be4563839.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 夏日嗨享</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2699</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908052060a4fe4c66275.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro 星河如梦</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3199</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908050260a5036267142.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro+ 月海</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3599</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202106/2021063010061560dbda0736ea6.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202109/20210913080945613f48adc4391.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 Pro</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥1599</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202103/2021030810032060458534d03c1.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 镜黑</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2999</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/202104270504146087d83e70ea8.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Find X3 宇宙摩卡</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥4299</span></p>
            </a>
          </div>
          <div class="oppo-centent oppo-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202109/20210914080911614094a7d02b6.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021052009052560a5be4563839.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 夏日嗨享</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥2699</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908052060a4fe4c66275.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro 星河如梦</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3199</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202105/2021051908050260a5036267142.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>Reno6 Pro+ 月海</p>
              <p>积分抵200</p>
              <p>补贴价<span>￥3599</span></p>
            </a>
          </div>
        </div>
        <div class="oppo-goods oneplue" id="toOnePlue">
          <h3>One Plue专区</h3>
          <ul>
            <li><a href="#">OnePlue 手机</a></li>
            <li><a href="#">OnePlue 手表</a></li>
            <li><a href="#">OnePlue 耳机</a></li>
            <li><a href="#">OnePlue 配件</a></li>
          </ul>
          <div class="oppo-centent oneplue-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202107/2021070605072360e41be3706a3.jpg?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210421110409607f975574d5e.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>OnePlue 9Pro</p>
              <p>积分抵5%</p>
              <p>补贴价<span>￥4599</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210421110401607f97c525be1.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>OnePlue 9</p>
              <p>积分抵5%</p>
              <p>补贴价<span>￥3699</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010130410565f856458c00a1.png?x-oss-process=image/format,webp"
                alt=""
              />
              <p>OnePlue 8T</p>
              <p>赠</p>
              <p>补贴价<span>￥2999</span></p>
            </a>
          </div>
          <div class="oppo-centent oneplue-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202107/2021070710075460e5103a37a47.png?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202103/20210324010321605acf997e2fb.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>月银</p>
              <p>积分抵20%</p>
              <p>补贴价<span>￥899</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210419050448607d4c244c39b.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>亮黑</p>
              <p>积分抵20%</p>
              <p>补贴价<span>￥949</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202103/20210324010321605acf997e2fb.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>白光</p>
              <p>积分抵20%</p>
              <p>补贴价<span>￥899</span></p>
            </a>
          </div>
          <div class="oppo-centent oneplue-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url('https://dsfs.oppo.com/archives/202109/20210903100912613184b878b57.jpg?_w_=1028&_h_=604')
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202108/20210819060859611e304f0d60a.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>OnePlue 9Pro</p>
              <p>积分抵5%</p>
              <p>补贴价<span>￥4599</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202108/20210819060834611e3036af8ef.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>OnePlue 9</p>
              <p>积分抵5%</p>
              <p>补贴价<span>￥3699</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202108/20210819060859611e304f0d60a.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>OnePlue 8T</p>
              <p>赠</p>
              <p>补贴价<span>￥2999</span></p>
            </a>
          </div>
          <div class="oppo-centent oneplue-c">
            <a
              href="#"
              class="hover-shadow"
              style="
                background: url(https://dsfs.oppo.com/archives/202109/202109031009486131860868e9b.jpg?_w_=1028&_h_=604)
                  center center no-repeat;
                background-size: cover;
              "
            ></a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202011/202011050511075fa3c7872b739.png?x-oss-process=image/format,webp"
                alt=""
              />
              <p>月银</p>
              <p>积分抵20%</p>
              <p>补贴价<span>￥899</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202011/202011050511165fa3cb500daee.png?x-oss-process=image/format,webp"
                alt=""
              />
              <p>亮黑</p>
              <p>积分抵20%</p>
              <p>补贴价<span>￥949</span></p>
            </a>
            <a href="#" class="flex hover-shadow">
              <img
                src="https://dsfs.oppo.com/archives/202104/202104151204476077c26789981.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
                alt=""
              />
              <p>白光</p>
              <p>积分抵20%</p>
              <p>补贴价<span>￥899</span></p>
            </a>
          </div>
        </div>
      </div>
    </main>
    <footer>
      <div class="in">
        <div class="foot-top">
          <a href="#" class="flex">
            <img
              src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/04210c8.svg"
              alt=""
            />
            <span>1年全国联保</span>
          </a>
          <a href="#" class="flex">
            <img
              src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg"
              alt=""
            />
            <span>7天无理由退货</span>
          </a>
          <a href="#" class="flex">
            <img
              src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/eb8fa21.svg"
              alt=""
            />
            <span>官方换货保障</span>
          </a>
          <a href="#" class="flex">
            <img
              src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/3839092.svg"
              alt=""
            />
            <span>满69包邮</span>
          </a>
          <a href="#" class="flex">
            <img
              src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/11324b1.svg"
              alt=""
            />
            <span>916 家售货网点</span>
          </a>
        </div>
        <div class="foot-cent">
          <ul>
            <li>关于欢太</li>
            <li>了解欢太</li>
            <li>欢太产品与服务</li>
            <li>联系我们</li>
          </ul>
          <ul>
            <li>OPPO产品</li>
            <li>OPPO Reno6</li>
            <li>OPPO Reno6 Pro</li>
            <li>OPPO Reno6 Pro+</li>
            <li>OPPO Find X3 Pro</li>
            <li>OPPO Find X3</li>
            <li>OPPO Reno5</li>
            <li>OPPO K9</li>
            <li>OPPO K7x</li>
            <li>OPPO A93s</li>
            <li>OPPO A93</li>
          </ul>
          <ul>
            <li>一加产品</li>
            <li>OnePlue 9 Pro</li>
            <li>OnePlue 9</li>
            <li>OnePlue 9R</li>
            <li>OnePlue 8T</li>
            <li>OnePlue Watch</li>
            <li>OnePlue Buds Pro</li>
          </ul>
          <ul>
            <li>realme产品</li>
            <li>真我GT Neo2</li>
            <li>真我GT Neo3</li>
            <li>真我X7 至尊专享版</li>
            <li>真我Q3</li>
            <li>真我V15</li>
            <li>realme Book</li>
          </ul>
          <ul>
            <li>服务政策</li>
            <li>OPPO售后政策</li>
            <li>OnePlue售后政策</li>
            <li>realme售后政策</li>
            <li>配送发货说明</li>
            <li>花呗分期说明</li>
            <li>电子发票说明</li>
          </ul>
          <span>
            <p class="flex">
              <img
                src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/b5d8f97.svg"
                alt=""
              />
              在线客服
            </p>
            <p>400-1999-006</p>
            <p>24小时全国热线</p>
          </span>
        </div>
        <div class="foot-bot">
          <p>
            © 2021 欢太 版权所有 粤ICP备14012291号 | 隐私政策 | 用户使用协议 |
            资质证明 | 知识产权
          </p>
          <p>
            <img
              src="https://dsfs.oppo.com/oppo/images/common/police-25797632ad.png?x-oss-process=image/format,webp"
              alt=""
            />
            粤公网安备 49552335521号
          </p>
        </div>
      </div>
    </footer>
    <aside class="sidebar">
      <a href="#" class="flex hover-shadow">
        <img
          src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/e1a1212.svg"
          alt=""
        />
        <span>在线客服</span>
      </a>
      <a href="#" class="flex hover-shadow">
        <img
          src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/bb39165.svg"
          alt=""
        />
        <span>客服热线</span>
        <div>
          <p>011-699-1999</p>
          <p>24小时全国热线</p>
        </div>
      </a>
      <a href="#" class="flex hover-shadow">
        <img
          src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/34760e9.svg"
          alt=""
        />
        <span>下载APP</span>
        <div class="flex">
          <img src="./images/erweima.png" alt="" />
          <p>扫描下载欢太商城APP</p>
        </div>
      </a>
      <a href="#" class="flex hover-shadow">
        <img
          src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/0820ffa.svg"
          alt=""
        />
        <span>浏览评价</span>
      </a>
      <a href="" class="flex hover-shadow" onclick="toTop()">
        <img
          src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/ad70a7b.svg"
          alt=""
        />
        <span>回到顶部</span>
      </a>
    </aside>
    <script src="./js/commom.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
